

<!--<div  ng-include="'app/business/home/template/navigation.html'"></div>
<div  ng-include="'app/business/home/template/searchBox.html'"></div>-->
<div class="f-nav-detail">
    <detail-nav></detail-nav>
</div>
<person-center conf-onself="true"></person-center>

<div>
    <div class="home-op"></div>
    <div class="home-op-div1">
        <div class="op-div1-mark"></div>
        <h2>选择你的职业状态 <span>( 单选 )</span></h2>

        <div class="home-tab-btn1" ng-click="showlistOne()"><div ng-class="{'show':tab==1}"></div><span ng-click="btnone(workStadus[0].csId)" ng-bind="workStadus[0].csName"></span></div>
        <div class="home-tab-btn2" ng-click="showlistTwo()"><div ng-class="{'show':tab==2}"></div><span ng-click="btntwo(workStadus[1].csId)" ng-bind="workStadus[1].csName"></span></div>
        <div class="home-tab-btn3" ng-click="showlistThr()"><div ng-class="{'show':tab==3}"></div><span ng-click="btnthree(workStadus[3].csId)" ng-bind="workStadus[2].csName"></span></div>
        <div ng-show="tab==1" class="op-div1-center">
            <h3>你的职业是：</h3>
            <ul>
                <li ng-repeat="item in columns" ng-click="saveColumId1(item,$index)" ng-mouseover="saveColumId(item)" id="{{ item.hierId }}"  ng-class="{'active':color2==$index}">
                    <a  href="javascript:;" ng-bind="item.hierName"></a>
                </li>
            </ul>
        </div>
        <div ng-show="tab==2" class="op-div2-center">
            <h3>你的职业是：</h3>
            <ul>
                <li ng-repeat="item in columns" ng-class="{'active':colorWOrk==$index}"  ng-click="saveColumId3(item,$index)"><a href="javascript:;" id="{{ item.hierId }}" ng-bind="item.hierName"></a></li>
            </ul>
        </div>
        <div ng-show="tab==3" class="op-div3-center">
            <h3>你所学的专业是：</h3>
            <ul class="op-div3-ul1">
                <li ng-mouseover="saveMajorId(item,$index)"  ng-class="{'active':className==$index}" ng-repeat="item in stuMenu track by $index">
                    <a href="javascript:;" ng-bind="item.scName"></a>
                </li>

            </ul>
            <div class="op-div3-ul2-box">
                <ul class="op-div3-ul2">
                    <li ng-click="savelib(item,$index)" ng-class="{'active':DinName==$index}" ng-repeat="item in stuMenuTwoCon track by $index"><a href="javascript:;" id="{{ item.dcId }}" ng-bind="item.dcName"></a></li>

                </ul>
            </div>
            <h4>你感兴趣的职业是：</h4>
            <div class="op-div3-ul3-box">
                <ul class="op-div3-ul3">
                    <li ng-class="{'active': color3 == $index}" ng-repeat="item in columns" ng-click="saveColumId2(item,$index)"><a href="javascript:;" ng-bind="item.hierName">建筑师</a></li>
                </ul>
            </div>
        </div>
        <div class="op-div1-next" ng-click="next()">下一步</div>
    </div>
    <div class="home-op-div2">
        <h3>定制你的工程类目<span>（单选）</span></h3>
        <div>
            <ul>
                <li class="one" ng-repeat="item in TwoColum track by $index" id="{{ item.scId }}">
                    <span ng-bind="item.scName" ng-click="saveTcid(item,$index)"></span>
                    <p ng-click="saveTcid(item,$index)" ng-class="{'iconActive':bg==item.scId}" class="icongray">
                    </p>
                    <div class="floeDIv">
                    	
                    </div>
                </li>
            	<div class="floeDIv2">
            			<div class="floeDIv2Con">
            				<span ng-click="saveThriId(item,$index)"ng-class="{'fontColor':bgfont==$index}" ng-repeat="item in ThrColum" ng-bind="item.dcName"></span>
            			</div>
                    	
               </div>
            </ul>
        </div>
        <a class="upp" ng-click="LastStep()">上一步</a>
        <a ng-click="closeOk()">完成</a>
    </div>
    <div class="home-op-div3">
        <h3 class="hy-h3">更换你的职业<span>（单选）</span></h3>
        <div class="hy-xxx" ng-click="close3()"></div>
        <ul>
            <li class="one ng-scope" ng-repeat="item in columns" id="{{ item.hierId }}">
                <span  ng-bind="item.hierName"></span>
                <p ng-click="saveScid(item)" ng-class="{'iconActive':carrerTopId==item.hierId}" class="icongray">
                </p>
            </li>
        </ul>
        <div class="colseSwitch" ng-click="colseSwitch()">完成</div>
    </div>

    <div class="home-op-div4">
        <h3 class="hy-h3">更换你的工程资料库<span>（单选）</span></h3>
        <div class="hy-xxx" ng-click="close4()"></div>
        <div class="WorkDataswitch">
            <div class="DataTop">
                <ul>
                    <li class="one" ng-repeat="item in getSecondary" id="{{ item.scId }}">
                        <span ng-bind="item.scName"></span>
                        <p ng-click="saveTcid2(item)" ng-class="{'iconActive':databaseSecondId==item.scId}" class="icongray">
                        </p>
                    </li>
                </ul>
            </div>
            <div class="DataBottom" style="height: auto;">
                <a ng-repeat="item in ThreeColum" href="javascript:;" 
                	id="{{ item.dcId }}" ng-bind="item.dcName" ng-click="ThreeColumId(item)" ng-class="{'fontColor':databaseThirdId==item.dcId}"></a>
            </div>
        </div>
        <div class="colseSwitch" ng-click="DataColse()">完成</div>
    </div>

    <div class="home-op-div5">
        <h3 class="hy-h3">更换您的工程课程<span>（单选）</span></h3>
        <div class="hy-xxx" ng-click="close5()"></div>
        <div class="video">
            <div class="DataTop">
                <ul>
                    <li class="one" ng-repeat="item in TwoColum" id="{{ item.scId }}">
                        <span ng-bind="item.tcName"></span>
                        <p ng-click="saveTcid5(item)" ng-class="{'iconActive':videoTopId==item.tcId}" class="icongray">
                        </p>
                    </li>
                </ul>
            </div>
            <div class="DataBottom">
                <a ng-repeat="item in ThreeColum" href="javascript:;" id="{{ item.scId }}" ng-bind="item.scName" ng-click="ThreeColumId5(item)" ng-class="{'fontColor':videoSecondId==item.scId}"></a>
            </div>
        </div>
        <div class="colseSwitch" ng-click="videoColse()">完成</div>
    </div>

    <div class="home-op-div6">
        <h3 class="hy-h3">更换您的论文<span>（单选）</span></h3>
        <div class="hy-xxx" ng-click="close6()"></div>
        <div class="DataTop">
            <ul>
                <li ng-repeat="item in stuMenu track by $index">
                    <span ng-bind="item.scName"></span>
                    <p ng-click="saveOneBookId(item,$index)"  ng-class="{'iconActive':librarySecondId==item.scId}" class="icongray">
                    </p>
                </li>
            </ul>
        </div>
        <div class="DataBottom">
            <a ng-repeat="item in stuMenuTwoCon2" href="javascript:;"  ng-bind="item.dcName | getRightHome" ng-click="saveBoookid2(item,$index)" ng-class="{'fontColor':libraryThirdId==item.dcId}"></a>
        </div>
        <div class="colseSwitch" ng-click="BookClose()">完成</div>
    </div>

    <div class="home-op-div7">
        <h3 class="hy-h3">更换你的百问百答<span>（单选）</span></h3>
        <div class="hy-xxx" ng-click="close7()"></div>
        <div class="video">
            <div class="DataTop">
                <ul>
                    <li class="one" ng-repeat="item in getSecondary" id="{{ item.scId }}">
                        <span ng-bind="item.scName"></span>
                        <p ng-click="saveTcid7(item)" ng-class="{'iconActive':professionalSecondId==item.scId}" class="icongray">
                        </p>
                    </li>
                </ul>
            </div>
            <!--<div class="DataBottom">
                <a ng-repeat="item in ThreeColum" href="javascript:;" id="{{ item.dcId }}" ng-bind="item.dcName" ng-click="ThreeColumId7(item)" ng-class="{'fontColor':bg7_1==item.dcId}"></a>
            </div>-->
        </div>
        <div class="colseSwitch" ng-click="answerColse()">完成</div>
    </div>

    <div class="showMychannel">
        <!--<h3 class="hy-h3">选择您感兴趣的工程分类<span>（单选）</span></h3>-->
        <div class="hy-xxx" ng-click="colseChannel()"></div>
        <!--<div class="DataTop" style="margin-bottom: 20px;">
        	   <ul>
                <li class="one" ng-repeat="item in TwoColum track by $index" id="{{ item.scId }}">
                    <span ng-bind="item.scName" ng-click="saveTcid(item,$index)"></span>
                    <p ng-click="saveTcidcha(item,$index)" ng-class="{'iconActive':bg==item.scId}" class="icongray">
                    </p>
                    <div class="floeDIv floeDIvs">

                    </div>
                </li>
            	<div class="floeDIv2 floeDIvs2">
            			<div class="floeDIv2Con">
            				<span ng-click="saveTcidChanner(item,$index)"
            					 ng-class="{'fontColor':bgfont==$index}" ng-repeat="item in ThrColum" ng-bind="item.dcName"></span>
            			</div>

               </div>
            </ul>


        </div>-->
     
       
        <div class="channelBot">
            <h1>订阅您的栏目频道</h1>
            <ul>
                <li class="one" ng-repeat="item in channer" >
                    <span class="chann" ng-show="item.name!='工程技能' && item.name!='职业规划'" ng-bind="item.name"></span>
                    <p ng-if="item.name!='工程技能' && item.name!='职业规划'" ng-click="saveTcidChanner2(item,$index)"
                    	ng-class="{icongray:item.isHover}"  class="iconActive"  id="{{ item.excluId }}">
                    </p>
                </li>
            </ul>
        </div>
        <div class="colseSwitch colsechanner" ng-click="colseChannel2()">完成</div>
    </div>

	<!--<div ng-include="'app/business/personalcenterhead/views/oneself.html'"></div>-->

    <div class="homepage-center-top">
        <div class="homepage-center-btn">
            <div class="homeLeft" ng-click="reload()">
                个人中心
            </div>
            <div class="homeCenterCon">
                <div class="homepage-center-btn2" ng-click="stateGoToState(item.state)" ng-repeat="item in myTab" ng-bind="item.title"></div>
            </div>
        </div>
    </div>

    <div class="homepage-center-box">
        <div class="home-div">
            <div class="home-div1">
                <div class="home-div1-l">
                    <div class="home-div1-l-top">浏览记录</div>
                    <div class="home-div1-l-center">
                        <ul>
                            <li ng-repeat="item in recentCon track by $index">

                               
                             <i ng-show="item.logoPath=='doc'">
                               <img src="them/images/compImages/icon-doc.png" alt="" /><!--doc-->
                            </i>
                            <i  ng-show="item.logoPath=='pdf'">
                            	 <img src="them/images/compImages/icon-pdf.png" alt="" />
                                <!--pdf-->
                            </i>
                            <i  ng-show="item.logoPath=='jpg'">	
                            	<img src="them/images/compImages/icon-other.png" alt="" />
                       			<!--pdf-->
                            </i>
                            <i  ng-show="item.logoPath=='txt'">	
                            	<img src="them/images/compImages/icon-other.png" alt="" />
                       			<!--pdf-->
                            </i>
                            <i  ng-show="item.logoPath=='rar'">	
                            	<img src="them/images/compImages/icon-other.png" alt="" />
                       			<!--pdf-->
                            </i>
                             <i  ng-show="item.logoPath=='swf'">	
                            	<img src="them/images/compImages/icon-other.png" alt="" />
                       			<!--pdf-->
                            </i>
                             <i  ng-show="item.logoPath=='chm'">	
                            	<img src="them/images/compImages/icon-other.png" alt="" />
                       			<!--pdf-->
                            </i>
                             <i  ng-show="item.logoPath=='dwg'">	
                            	<img src="them/images/compImages/icon-other.png" alt="" />
                       			<!--pdf-->
                            </i>
                             <i  ng-show="item.logoPath=='caj'">	
                            	<img src="them/images/compImages/icon-other.png" alt="" />
                       			<!--pdf-->
                            </i>
                             <i  ng-show="item.logoPath=='xls'">	
                            	<img src="them/images/compImages/icon-xml.png" alt="" />
                       			<!--pdf-->
                            </i>
                            <i  ng-show="item.logoPath=='ppt'">	
                            	<img src="them/images/compImages/icon-ppt.png" alt="" />
                       			<!--pdf-->
                            </i>
                                <i ng-show="item.typeName=='news'">
                                	<img src="them/imgs/newsIcon.png" alt="" />
                                </i>
                                <i style="padding-top: 2px;" ng-show="item.typeName=='course'">
                                	<img src="them/imgs/courseIcon.png" alt="" />
                                </i>
                                 <i style="padding-top: 2px;" ng-show="item.typeName=='skill'">
                                	<img src="them/imgs/skillIcocn.png" alt="" />
                                </i>
                                 <i style="padding-top: 2px;" ng-show="item.typeName=='postbar'">
                                	<img src="them/imgs/postbar.png" alt="" />
                                </i>
                                <a ng-show="item.typeName=='file';" ng-click="goworkData(item.bId)" ng-bind="item.title"></a>
                                <a ng-show="item.typeName=='skill';" ng-click="goSkill(item.bId)" ng-bind="item.title"></a>
                                <a ng-show="item.typeName=='course'" ng-click="LinkCourse(item.bId)" ng-bind="item.title"></a>
                                 <a ng-show="item.typeName=='news'" ng-click="goNews(item.bId)" ng-bind="item.title"></a>
                                 <a ng-show="item.typeName=='library'" ng-click="Linklibrary(item.bId)" ng-bind="item.title"></a>
                                 <a ng-show="item.typeName=='postbar'" ng-click="goanswer(item.bId)" ng-bind="item.title"></a> 
                                <span ng-bind="item.time | dateFilter" ></span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="home-div1-r">
                    <span class="moreDay">+1天</span>
                    <div class="home-div1-r-btn" ng-click="sign()" ng-bind="signAll"></div>
                    <div class="sign1"  style="color:#000;">连续签到:<span  style="color:#30a3ff;" ng-bind="signCon.succesiveSignCount"></span>天</div>
                    <div class="sign2"  style="color:#666;">最高连续签到:<span ng-bind="signCon.maxSignCount"></span>天</div>
                    <ul>
						
                        <li ng-repeat="item in myRoutes" ng-click="stateJump(item)" ><a ng-bind="item.title" ></a></li>
                        <span class="not-read" ng-if="notNotify == 0" ng-bind="notNotify"></span>
                    </ul>
                </div>
            </div>
            <div class="home-div2" ng-click="Mychannel()">
                <div>为你定制<span>(订阅你的栏目分类)</span></div>
            </div>

            <!--定制内容-->
            <ul class="dragsort" id="modelDragsort">
                <li id="dramode1"  data-itemid='0' ng-if="false">
                    <div class="home-div3">
                        <div class="div3-top" ng-mouseleave="hideto3()" ng-mouseenter="showto3()">
                            <ul>
                                <li><span ng-bind="name0"></span>  -- </li>
                                <li><a ng-click="Open3()">更换内容</a></li>
                                <li ng-click="delWork()"></li>
                                <div class="modelTitle"><li class="tishi3 tishimax" style="width:108px;margin-left: 0px;">按住可拖动上下位置</li></div>
                                <li ng-click="linkcareerPlanMain()"></li>
                            </ul>
                        </div>
                        <div class="div3-center modelContent">
                            <div class="div3-center-l">
                                <img ng-click="swithDea(total.plannHier.hierId)" src="{{ total.plannHier.previewPath }}" alt="图片" />
                                <!--<div class="workname" ng-bind="total.plannHier.hierName"></div>
                                <div class="workPlaIntro" ng-bind="total.plannHier.introduction">了解市场最新行情</div>-->
                            </div>
                            <div class="div3-center-r-top">
                                <span ng-class="{'bgImg':Timg==1}" ng-click="novice()">入门</span>
                                <p ng-class="{'bgImg':Timg==2}" ng-click="AP()">进阶</p>
                            </div>
                            <div class="div3-center-r-bottom">
                                <ul>
                                    <li class="first">工程技能(<span ng-bind="total.skillPagination.totalCount"></span>个)</li>

                                    <div class="listCon">
                                        <li ng-repeat="item in workDateLilst" id="{{ item.skillId }}" >
                                            <a ng-click="gowok(item.skillId)"  ng-bind="item.title"></a>
                                        </li>
                                    </div>
                                    <li  class="btn"><a ng-click="goWOlrlist()">更多 ></a></li>
                                </ul>
                                <ul>
                                    <li class="first">工程课程(<span ng-bind="total.coursePagination.totalCount">180</span>个)</li>
                                    <div class="listCon">
                                        <li ng-repeat="item in courseList" id="{{ item.courseId }}">
                                            <a ng-click="goWOlrlist(item.courseId)"  ng-bind="item.title"></a>
                                        </li>
                                    </div>

                                    <li class="btn" ng-click="goVideo()"><a>更多 ></a></li>
                                </ul>
                                <ul>
                                    <li class="first">工程资料(<span ng-bind="total.filePagination.totalCount"></span>个)</li>
                                    <div class="listCon">
                                        <li ng-click="goworkData(item.fileId)" ng-repeat="item in fileList" id="{{ item.fileId }}">
                                            <span ng-show="item.typeName=='doc'">
                                                <i class="iconfont doc" style="color: #53498f;">&#xe611;</i><!--doc-->
                                            </span>
                                            <span  ng-show="item.typeName=='pdf'">
                                                 <i class="iconfont pdf" style=" color: #d4515c;">&#xe673;</i><!--pdf-->
                                             </span>
                                            <a ng-bind="item.name"></a>
                                        </li>
                                    </div>
                                    <li class="btn"><a ng-click="goWOlrlist()">更多 ></a></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </li>
                <li id="dramode2" data-itemid='1'>
                    <div  class="home-div4">
                        <div class="div4-top" ng-mouseleave="hideto4()" ng-mouseenter="showto4()">
                            <ul>
                                <li><span ng-bind="name2"></span> --</li>
                                <li><a ng-click="Open4()">更换内容</a></li>
                                <li ng-click="delWorkData()"></li>
                                <div class="modelTitle"><li class="tishi4 tishimax" style="width:108px;margin-left: 0px;"></li></div>
                                <li ng-click="linkData()"></li>
                            </ul>
                        </div>
                        <div class="div4-center-l modelContent">
                            <div><img  src="them/imgs/noSrc.png" ng-src="{{topFile.typeId | getBigistFileType }}" /></div>
                        </div>
                        <div class="div4-center-l-r modelContent">
                            <ul>
                                <li><a ng-click="goworkData(Workid)" ng-bind="name"></a></li>

                                <li><span ng-bind="price"></span>积分</li>
                                <li>
                                    <a ng-click="downfile(Workid)" id="{{ Workid }}">立即下载</a>

                                </li>
                            </ul>
                        </div>
                        <div class="div4-center-r modelContent">
                            <ul>
                                <li ng-repeat="item in centerFile" id="{{ item.skillId }}" >
                                    <span>
                                        <i  ng-show="item.typeName=='doc'" class="iconfont doc" style="color: #d4515c;float: left;margin-left: -28px;;">&#xe611;</i><!--doc-->
                                		<i ng-show="item.typeName=='pdf'" class="iconfont pdf" style="color: #d4515c;float: left;margin-left: -28px;">&#xe673;</i><!--pdf-->
                                		<i ng-show="item.typeName=='rar'" class="iconfont rar" style="color: #d4515c;float: left;margin-left: -28px;">&#xe673;</i><!--pdf-->
                                    </span>
                                    <a ng-click="goworkData(item.fileId)" ng-bind="item.name"></a>
                                </li>
                            </ul>
                            <ul>
                                <li ng-repeat="item in rightFile" id="{{ item.skillId }}" >
                                    <span>
                                        <i  ng-show="item.typeName=='doc'" class="iconfont doc" style="color: #d4515c;float: left;margin-left: -28px;;">&#xe611;</i><!--doc-->
                                		<i ng-show="item.typeName=='pdf'" class="iconfont pdf" style="color: #d4515c;float: left;margin-left: -28px;">&#xe673;</i><!--pdf-->
                                		<i ng-show="item.typeName=='rar'" class="iconfont rar" style="color: #d4515c;float: left;margin-left: -28px;">&#xe673;</i><!--pdf-->
                                    </span>
                                    <a ng-click="goworkData(item.fileId)" ng-bind="item.name"></a>
                                </li>
                            </ul>

                        </div>
                    </div>
                </li>
                <li id="dramode3" data-itemid='2' ng-if="false">
                    <div  class="home-div5">
                        <div class="div5-top" ng-mouseleave="hideto5()" ng-mouseenter="showto5()">
                            <ul>
                                <li><span ng-bind="name3"></span> -- </li>
                                <li><a ng-click="Open5()">更换内容</a></li>
                                <li ng-click="delWorkVideo()"></li>
                                <div class="modelTitle"><li class="tishi5 tishimax" style="width:108px;margin-left: 0px;"></li></div>
                                <li ng-click="linkVideo()"></li>
                            </ul>
                        </div>
                        <div class="div5-center modelContent">
                            <ul>
                                <li ng-repeat="item in videoData">
                                    <a ng-click="LinkCourse(item.courseId)">
                                        <div><img src="them/imgs/noSrc.png" ng-src="{{ item.previewPath }}" alt="课程预览图片" /></div>
                                        <span ng-bind="item.title"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li id="dramode4" data-itemid='3'>
                    <div  class="home-div6">
                        <div class="div6-top" ng-mouseleave="hideto6()" ng-mouseenter="showto6()">
                            <ul>
                                <li><span ng-bind="name4"></span> --</li>
                                <li><a ng-click="Open6()">更换内容</a></li>
                                <li ng-click="delpaper()"></li>
                                <div class="modelTitle"><li class="tishi6 tishimax" style="width:108px;margin-left: 0px;"></li></div>
                                <li ng-click="linklibraryMain()"></li>
                            </ul>
                        </div>
                        <div class="div6-center modelContent">
                            <ul>
                                <a ng-click="goLibrary(item)">
                                    <li ng-repeat="item in libraryList" id="{{ item.thesisId }}"><div><div><img src="them/imag/noThesis.jpg" ng-src="{{item.previewPath}}" alt=""></div><div></div></div>
                                        <a  ng-bind="item.name | getRightHome"></a></li>
                                </a>

                            </ul>
                        </div>
                    </div>

                </li>
                <li id="dramode5" data-itemid='4'>

                    <div class="home-div7">
                        <div class="div7-top"  ng-mouseleave="hideto7()" ng-mouseenter="showto7()">
                            <ul>
                                <li><span ng-bind="name5"></span> -- </li>
                                <li><a ng-click="Open7()">更换内容</a></li>
                                <li ng-click="delAnswer()"></li>
                                <div class="modelTitle"><li class="tishi7 tishimax" style="width:108px;margin-left: 0px;"></li></div>
                                <li ng-click="Linkwikilist()"></li>
                            </ul>
                        </div>
                        <div class="div7-center modelContent">
                            <ul class="ul">
                                <li>
                                    <b>专业: {{ oneclass }} > {{ twoclass }}</b>
                                    <ul>
                                        <li ng-repeat="item in anserLeft track by $index">
                                            <a ng-click="goanswer(item.postbarId)"  ng-bind="item.title"></a>
                                            <p><span ng-bind="item.time"></span>·<span ng-bind="item.replyCount"></span>个回答</p>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <b>职业：{{ hirName }}</b>
                                    <ul>
                                        <li ng-repeat="item in anserCenter track by $index">
                                            <a ng-click="goanswer(item.postbarId)" ng-bind="item.title"></a>
                                            <p><span ng-bind="item.time"></span>·<span ng-bind="item.replyCount"></span>个回答</p>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                            <div class="div7-center-r">
                                <ul class="ul2">
                                    <li>快速解决工程难题</li>
                                    <li>问题总数： <span class="div7color1" ng-bind="TotalNum"></span></li>
                                    <li>已回答：<span class="div7color2" ng-bind="solveCount"></span><span class="div7color3 div7span">{{ solvePrecent | number:1 }}%</span></li>
                                    <li>待解决：<span class="div7color3" ng-bind="unSolveCount"></span><span class="div7color3 div7span">{{ unSolvePrecent | number:1 }}%</span></li>
                                </ul>
                                <div class="PutQues"  ng-click="go()">我要提问</div>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="dramode6" data-itemid='5'>
                    <div class="home-div8">

                        <div class="div8-top" ng-mouseleave="hideto8()" ng-mouseenter="showto8()">
                            <ul>
                                <li><span ng-bind="name6"></span></li>
                                <li style="opacity: 0;">更换内容</li>
                                <li ng-click="delnewList()"></li>
                                <div class="modelTitle"><li class="tishi8 tishimax" style="width:108px;margin-left: 0px;"></li></div>
                                <li ng-click="lInkNews()"></li>
                            </ul>
                        </div>
                        <div class="div8-center modelContent">
                            <div class="div8-center-l" ng-click="goNews(topnews.newsId)">
                                <img src="them/imgs/noSrc.png" ng-src="{{ topnews.previewPath }}" alt="图片" />
                                <div>

                                </div>
                                <h4 ng-bind="topnews.name"></h4>
                            </div>
                            <div class="div8-center-c">
                                <div>
                                    <a ng-click="goNews(topnews.newsId)" ng-bind="topnews.name"></a>
                                    <p><span>{{topnews.content|limitTo:80}}…</span><a class="div8-a" ng-click="goNews(topnews.newsId)">[详细]</a></p>
                                </div>
                                <ul>
                                    <li ng-repeat="item in leftNewsList" id="{{ item.newsId }}"><a ng-click="goNews(item.newsId)" ng-bind="item.name"></a></li>
                                </ul>
                            </div>
                            <div class="div8-center-r">
                                <ul>
                                    <li>相关阅读</li>
                                    <li ng-repeat="item in rightNewsList" id="{{ item.newsId }}"><a ng-click="goNews(item.newsId)" ng-bind="item.name"></a></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </li>
            </ul>
            <input  name ='list1SortOrder'  type = 'hidden'  />
            <div class="home-div9-last">
                <a href="javascript:;" ng-click="Mychannel()">订阅你的栏目分类</a>
            </div>

        </div>

    </div>

</div>
<div  ng-include="'app/business/common/footer.html'"></div>
<style type="text/css">
        .homepage-top{
            width:100%;
            height:200px;
            border-top:1px #eee solid;
            background:url("them/img/homepagebg.png") 0px 0px no-repeat;
            background-size:1357px 200px;
            overflow:hidden;
        }
        .top-center{
            position:relative;
            width:1200px;
            height:200px;
            margin:0 auto;
            overflow:hidden;
        }
        .top1{
            position:absolute;
            width:70px;
            height:70px;
            left:0;
            top:59px;
            border:6px #c9bebd solid;
            border-radius:50%;
            background: url("them/img/nvren.png") 0px 0px no-repeat;
            background-size:75px 80px;
        }
        .top2{
            position:absolute;
            left:112px;
            top:68px;
            font-size:16px;
            color:#fffffd;

        }
        .top3{
            position:absolute;
            left:112px;
            top:97px;
            font-size:12px;
            color:#fffffd;
        }
        .top4{
            position:absolute;
            left:112px;
            top:114px;
            font-size:12px;
            color:#fffffd;
        }
        .top5{
            position:absolute;
            right:186px;
            top:60px;
            font-size:16px;
            color:#fffffd;
        }
        .top6{
            position:absolute;
            right:105px;
            top:60px;
            font-size:16px;
            color:#fffffd;
        }
        .top7{
            position:absolute;
            right:24px;
            top:60px;
            font-size:16px;
            color:#fffffd;
        }
        .top8{
            position:absolute;
            width:80px;
            height:40px;
            right:161px;
            border-right:1px #fff solid;
            top:99px;
            border-right:;
            font-size:24px;
            line-height:40px;
            color:#fffffd;
            text-align: center;

        }
        .top9{
            position:absolute;
            width:80px;
            height:40px;
            border-right:1px #fff solid;
            right:80px;
            top:99px;
            font-size:24px;
            line-height:40px;
            color:#fffffd;
            text-align: center;
        }
        .top10{
            position:absolute;
            height:40px;
            right:34px;
            top:99px;
            font-size:24px;
            color:#fffffd;
            line-height:40px;
        }


        .homepage-center-top{
            width:100%;
            height:50px;
            background-color:#fff;
        }
        .homepage-center-btn{
            width:1200px;
            height:50px;
            margin:0 auto;
        }
        .homeCenterCon{
            float: right;
        }
        .homeLeft {
            float: left;
            height:100%;
            line-height:50px;
            color: #30a3ff;
            font-size:16px;
            border-bottom:2px solid #30a3ff;
            text-align: center;
            width: 87px;
            cursor: pointer;
        }
        .homeCenterCon div{
            cursor: pointer;
        }

        .homepage-center-btn2{
            display:inline-block;
            float:left;
            width:85px;
            height:50px;
            font-size:16px;
            color:#000;
            line-height:50px;
            text-align:center;
            margin-right:20px;
        }
        .homepage-center-btn2:hover{
            color: #30a3ff;
        }
        .homepage-center-box{
        	clear: both;
           	width:100%;
            height:100%;
            background:url("them/img/jb-bg.png") 0px 0px repeat;
        }
        .home-div{
            width:1200px;
            height:100%;
            margin:0 auto;
            overflow:hidden;
        }
        .home-div1{
            width:1200px;
            height:204px;
            margin-top:20px;
        }
        .home-div1-l{
            display:inline-block;
            float:left;
            width:888px;
            height:202px;
            border:1px #ddd solid;
            overflow:hidden;
            background-color:#fff;
        }
        .home-div1-l-top{
            width:100%;
            height:48px;
            border-bottom:1px #ddd solid;
            font-size:16px;
            color:#000;
            padding-left:20px;
            line-height:48px;
        }
        .home-div1-r{
            display:inline-block;
            float:right;
            width:298px;
            height:202px;
            position: relative;
        }
        .moreDay{
            position: absolute;
            right: 168px;
            top: -20px;
            color: #f00;
            font-size: 14px;
            opacity:0;
        }
        .home-div1-r-btn{
            width:65px;
            height: 43px;
            border:1px #30A3FF solid;
            border-radius:2px;
            border-bottom:4px #30A3FF solid;
            line-height:43px;
            font-size:18px;
            color:#30A3FF;
            padding-left:63px;
            background:url("them/img/qiandao.png") 32px 11px no-repeat;
            background-size:18px 19px;
            cursor: pointer;
        }
        .sign1{
            position:absolute;
            top:8px;
            left:150px;
        }
        .sign2{
            position:absolute;
            top:31px;
            left:150px;
        }






        .home-div2{
            margin-top:40px;
            margin-bottom:20px;
            background:url("them/img/chilun.png") 227px 4px no-repeat;
            background-size:16px 15px;
        }
        .home-div2 div{
            font-size:16px;
            color:#000;
            padding-left:33px;
            background:url("them/img/zs.png") 0px 3px no-repeat;
            background-size:18px 16px;
        }
        .home-div2 div span{
            font-size:12px;
            color:#666;
            margin-left:10px;
            margin-right:16px;
            cursor: pointer;
        }

        .home-div1-l-center ul li{
            display:inline-block;
            width:383px;
            height:18px;
            padding-left:32px;
            margin-left:20px;
        }
        .home-div1-l-center ul li a{
            display:block;
            /*width:283px;*/
            width:250px;
            float:left;
            font-size:14px;
            color:#000;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .home-div1-l-center ul li i{
        	float: left;
        	margin-right: 20px;
        	margin-left: -30px;
        }
        .home-div1-l-center ul li span{
            float:right;
            font-size:12px;
            color:#666;
        }
        .home-div1-l-center ul li:nth-child(1){
            margin-top:30px;
        }
        .home-div1-l-center ul li:nth-child(2){
            margin-top:30px;

        }
        .home-div1-l-center ul li:nth-child(3){
            margin-top:20px;
            margin-bottom:20px;

        }
        .home-div1-l-center ul li:nth-child(4){
            margin-top:20px;
            margin-bottom:20px;

        }
        .home-div1-l-center ul li:nth-child(5){
            margin-bottom:30px;

        }
        .home-div1-l-center ul li:nth-child(6){
            margin-bottom:30px;

        }
        .home-div1-r ul{
        	position: relative;
        }
        .not-read{
        	position: absolute;
        	width: 14px;
        	height: 14px;
        	background: #f00;
        	color: #fff;
        	text-align: center;
        	line-height: 14px;
        	top: 100px;
        	right: 18px;
        	border-radius: 50%;
        	z-index: 100;
        }
        .home-div1-r ul li{
            display:inline-block;
            float:left;
            background-color:#fff;

        }
        .home-div1-r ul li:nth-child(1){
            margin-right:6px;
            margin-top:18px;
            background:#fff url("them/imgs/wdsc.png") 25px 13px no-repeat;
            background-size:18px 17px;
        }
        .home-div1-r ul li:nth-child(2){
            margin-right:6px;
            margin-top:18px;
            background:#fff url("them/img/wdxz.png") 25px 13px no-repeat;
            background-size:18px 17px;
        }
        .home-div1-r ul li:nth-child(3){
            margin-right:6px;
            margin-top:18px;
            background:#fff url("them/img/wdsp.png") 25px 14px no-repeat;
            background-size:18px 14px;
        }
        .home-div1-r ul li:nth-child(4){
            margin-top:18px;
            background:#fff url("them/img/wdwd.png") 25px 13px no-repeat;
            background-size:18px 17px;
        }
        .home-div1-r ul li:nth-child(5){
            margin-right:6px;
            margin-top:13px;
            background:#fff url("them/img/wdpj.png") 25px 13px no-repeat;
            background-size:18px 17px;
        }
        .home-div1-r ul li:nth-child(6){
            margin-right:6px;
            margin-top:13px;
            background:#fff url("them/img/wda.png") 25px 13px no-repeat;
            background-size:18px 17px;

        }
        .home-div1-r ul li:nth-child(7){
            margin-right:6px;
            margin-top:13px;
            background:#fff url("them/img/wdhy.png") 25px 13px no-repeat;
            background-size:18px 17px;

        }
        .home-div1-r ul li:nth-child(8){
            position:relative;
            z-index:9;
            margin-top:13px;
            background:#fff url("them/img/wdxx.png") 25px 14px no-repeat;
            background-size:18px 12px;
        }
        .home-div1-r ul li:nth-child(8) div{
            position:absolute;
            z-index:99;
            right:16px;
            top:6px;
            width:14px;
            height:14px;
            background-color:red;
            border-radius:50%;
            font-size:12px;
            text-align: center;
            line-height:14px;
            color:#fff;
        }


        .home-div1-r ul li a{
            display:inline-block;
            width:68px;
            height:26px;
            text-align: center;
            font-size:12px;
            color:#666;
            border:1px #ddd solid;
            border-bottom:3px #ddd solid;
            padding-top:32px;
        }



        .home-div3{
            width:1198px;
            height:318px;
            border:1px #ddd solid;
            margin-bottom:20px;
            overflow: hidden;
        }

        .div3-top{
            width:1198;
            height:49px;
            border-bottom:1px #ddd solid;
            background-color: #fff;
            cursor:pointer;
        }
        .div3-top:hover{
            background-color:#f5f5f5;
        }
        .div3-center{
            float:left;
            width:100%;
            height: 269px;
            background-color:#fff;
        }

        .div3-center-l{
        	position: relative;
            display:inline-block;
            float:left;
            width:168px;
            height:188px;
            border:1px #ddd solid;
            margin-left:20px;
            margin-top:30px;
        }
		.div3-center-l img{
			position: absolute;
			left: 0;
			top: 0;
			width:168px;
            height:188px;
            cursor: pointer;
		}

	
        .home-div3 .div3-top ul li{
            display:inline-block;
            float: left;
            line-height:49px;
        }
        .home-div3 .div3-top ul li:nth-child(1){
            width:72px;
            height:49px;
            margin-left:20px;
        }

        .home-div3 .div3-top ul li:nth-child(2){
            margin-left:2px;
        }
        .home-div3 .div3-top ul li:nth-child(3){
            margin-left:30px;
            width:16px;
            height:16px;
            background:url("them/img/chacha.png") 0px 0px no-repeat;
            background-size:16px 16px;
            margin-left:30px;
            margin-top:16px;

        }
        .home-div3 .div3-top ul li:nth-child(4){
            width:617px;
            height:49px;
            color:#999;
            padding-left:348px;
            line-height:49px;
        }
        .home-div3 .div3-top ul li:nth-child(5){
            width:17px;
            height: 5px;
            background:url("them/img/landian.png") 0px 0px no-repeat;
            background-size:17px 5px;
            margin-top:22px;
        }

        .div3-center-l div.workname{
            font-size:18px;
            color: #000;
            text-align: center;
            margin-top:97px;
        }
        .div3-center-l div.workPlaIntro{
            font-size:12px;
            color: #999;
            text-align: center;

        }



        .div3-center-r-top{
            position:relative;
            float:left;
            width:765px;
            height:43px;
            background:url("them/imgs/biaochi.png") 0px 10px no-repeat;
            background-size:765px 33px;
            margin-top:30px;
            margin-left:42px;
            z-index:99;
        }
        .div3-center-r-bottom{
            float:left;
            width:890px;
            height:150px;
            background:#f7f7f7;
            margin-left:48px;
            margin-top:20px;

        }

        .div3-center-r-bottom ul{
            margin-top:20px;
            margin-left:20px;
            float:left;
            width:276px;
            height:18px;
            margin-bottom:10px;
        }
        .div3-center-r-bottom .listCon {
            height:60px;
            overflow:hidden;
        }

        .div3-center-r-bottom .listCon li{
            width:200px;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        .div3-center-r-bottom ul li.first{
            margin-bottom:10px;
        }
        .div3-center-r-bottom ul li.btn {
            margin-top:10px;
        }
        .div3-center-r-top .bgImg{
            cursor: pointer;
            top:0px;
            padding-left:30px;
            font-size:16px;
            color:#30A3FF;
            background:url("them/img/lanshou.png") 0px 0px no-repeat;
            background-size:29px 28px;
            -webkit-animation:scale 0.5s;
            -o-animation:scale 0.5s;
            animation:scale 0.5s;
        }
        @keyframes scale {
            0% {
                opacity:0
            }
            100% {
                opacity:1
            }
        }
        @-ms-keyframes scale {
            0% {
                opacity:0
            }
            100% {
                opacity:1
            }
        }
        @-webkit-keyframes scale {
            0% {
                opacity:0
            }
            100% {
                opacity:1
            }
        }
        @-moz-keyframes scale {
            0% {
                opacity:0
            }
            100% {
                opacity:1
            }
        }
        @-ms-keyframes scale {
            0% {
                opacity:0
            }
            100% {
                opacity:1
            }
        }
        @-o-keyframes scale {
            0% {
                opacity:0
            }
            100% {
                opacity:1
            }
        }
        .div3-center-r-top span{
            cursor: pointer;
            padding-left: 20px;
            display: block;
            position:absolute;
            width:70px;
            height:48px;
            left:79px;
            top:9px;
            background: url(them/img/gray.jpg) 0 3px no-repeat;
        }
        .div3-center-r-top>p{
            cursor: pointer;
            position: absolute;
            display: block;
            width:70px;
            height:48px;
            left: 365px;
            top:9px;
            padding-left: 20px;
            background: url(them/img/gray.jpg) 0 3px no-repeat;
        }





        .home-div4{
            width:1198px;
            height:258px;
            border:1px #ddd solid;
            margin-bottom:20px;
            background-color:#fff;
            overflow: hidden;
        }
        .div4-top{
            width:1198;
            height:49px;
            border-bottom:1px #ddd solid;
            background-color: #fff;
            cursor: pointer;
        }
        .div4-top:hover{
            background-color: #F5F5F5;
        }
        .home-div4 .div4-top ul li{
            display:inline-block;
            float: left;
            line-height:49px;
        }
        .home-div4 .div4-top ul li:nth-child(1){
            margin-left:20px;
        }
        .home-div4 .div4-top ul li:nth-child(2){
            margin-left:2px;
        }
        .home-div4 .div4-top ul li:nth-child(3){
            margin-left:30px;
            width:16px;
            height:16px;
            background:url("them/img/chacha.png") 0px 0px no-repeat;
            background-size:16px 16px;
            margin-left:30px;
            margin-top:16px;

        }
        .home-div4 .div4-top ul li:nth-child(4){
            width:108px;
            height:49px;
            margin-left:348px;
            color:#999;
        }
        .home-div4 .div4-top ul li:nth-child(5){
            width:17px;
            height: 5px;
            background:url("them/img/sandianhei.png") 0px 0px no-repeat;
            background-size:17px 5px;
            margin-top:22px;
        }



        .home-div5{
            width:1198px;
            height:242px;
            border:1px #ddd solid;
            margin-bottom:20px;
            background-color:#fff;
            overflow: hidden;
        }
        .div5-top{
            width:1198;
            height:49px;
            border-bottom:1px #ddd solid;
            background-color: #fff;
            cursor: pointer;
        }
        .div5-top:hover{
            background-color:#f5f5f5;
        }
        .home-div5 .div5-top ul li{
            display:inline-block;
            float: left;
            line-height:49px;
        }
        .home-div5 .div5-top ul li:nth-child(1){
            margin-left:20px;
        }
        .home-div5 .div5-top ul li:nth-child(2){
            margin-left:2px;
        }
        .home-div5 .div5-top ul li:nth-child(3){
            margin-left:30px;
            width:16px;
            height:16px;
            background:url("them/img/chacha.png") 0px 0px no-repeat;
            background-size:16px 16px;
            margin-left:30px;
            margin-top:16px;

        }
        .home-div5 .div5-top ul li:nth-child(4){
            width:108px;
            height:49px;
            margin-left:348px;
            color:#999;
        }
        .home-div5 .div5-top ul li:nth-child(5){
            width:17px;
            height: 5px;
            background:url("them/img/sandianhei.png") 0px 0px no-repeat;
            background-size:17px 5px;
            margin-top:22px;
        }
        .div5-center{
            width:1160px;
            height:153px;
            margin:0 auto;
            margin-top:20px;
        }
        .div5-center ul li{
            float: left;
            width:180px;
            height:153px;
            margin-left:16px;
            overflow:hidden;
        }
        .div5-center ul li:nth-child(1){
            margin-left:0px;
        }
        .div5-center ul li div,.div5-center ul li div img{
            width:180px;
            height:114px;
            overflow: hidden;
        }
        .div5-center ul li a{
            font-size: 12px;
            color: #333;

        }





        .home-div6{
            width:1198px;
            height:288px;
            border:1px #ddd solid;
            margin-bottom:20px;
            background-color:#fff;
            overflow: hidden;
        }
        .div6-top{
            width:1198;
            height:49px;
            border-bottom:1px #ddd solid;
            background-color: #fff;
            cursor:pointer;
        }
        .div6-top:hover{
            background-color:#f5f5f5;
        }
        .home-div6 .div6-top ul li{
            display:inline-block;
            float: left;
            line-height:49px;
        }
        .home-div6 .div6-top ul li:nth-child(1){
            margin-left:20px;
        }
        .home-div6 .div6-top ul li:nth-child(2){
            margin-left:2px;
        }
        .home-div6 .div6-top ul li:nth-child(3){
            margin-left:30px;
            width:16px;
            height:16px;
            background:url("them/img/chacha.png") 0px 0px no-repeat;
            background-size:16px 16px;
            margin-left:30px;
            margin-top:16px;

        }
        .home-div6 .div6-top ul li:nth-child(4){
            width:108px;
            height:49px;
            margin-left:348px;
            color:#999;
        }
        .home-div6 .div6-top ul li:nth-child(5){
            width:17px;
            height: 5px;
            background:url("them/img/sandianhei.png") 0px 0px no-repeat;
            background-size:17px 5px;
            margin-top:22px;
        }
        .div6-center{
            width:1160px;
            height:185px;
            margin:0 auto;
            margin-top:30px;
        }
        .div6-center ul li{
            float: left;
            width:102px;
            height:185px;
            margin-left:49px;
            overflow:hidden;
        }
        .div6-center ul li:nth-child(1){
            margin-left:0px;
        }
        .div6-center ul li div{
            position:relative;
            width:102px;
            height:144px;
            overflow: hidden;
        }
        .div6-center ul li div div:nth-child(1){
            position:absolute;
            z-index:999;
            width:98px;
            height:140px;
            border:1px #ddd solid;
            /*background:url("them/img/div6pic.png") 0px 0px no-repeat;*/
            background-size:98px 140px;
            overflow: hidden;
        }
        .div6-center ul li div div:nth-child(2){
            position:absolute;
            z-index:99;
            width:98px;
            height:140px;
            border:1px #ddd solid;
            background-color: #eee;
            margin-top:2px;
            margin-left:2px;
        }
        .div6-center ul li a{
            display:inline-block;
            font-size: 12px;
            color: #333;
            margin-top:4px;
        }
        .div6-center ul li a img{
            width:102px;
            height:144px;
        }
        .home-div7{
            width:1198px;
            height:288px;
            border:1px #ddd solid;
            margin-bottom:20px;
            background-color:#fff;
            overflow: hidden;
        }
        .div7-top{
            width:1198;
            height:49px;
            border-bottom:1px #ddd solid;
            background-color: #fff;
            cursor: pointer;
        }
        .div7-top:hover{
            background-color:#f5f5f5;
        }
        .home-div7 .div7-top ul li{
            display:inline-block;
            float: left;
            line-height:49px;
        }
        .home-div7 .div7-top ul li:nth-child(1){
            margin-left:20px;
        }
        .home-div7 .div7-top ul li:nth-child(2){
            margin-left:2px;
        }
        .home-div7 .div7-top ul li:nth-child(3){
            margin-left:30px;
            width:16px;
            height:16px;
            background:url("them/img/chacha.png") 0px 0px no-repeat;
            background-size:16px 16px;
            margin-left:30px;
            margin-top:16px;

        }
        .home-div7 .div7-top ul li:nth-child(4){
            width:108px;
            height:49px;
            margin-left:348px;
            color:#999;
        }
        .home-div7 .div7-top ul li:nth-child(5){
            width:17px;
            height: 5px;
            background:url("them/img/sandianhei.png") 0px 0px no-repeat;
            background-size:17px 5px;
            margin-top:22px;
        }

        .div7-center{
            position: relative;
            width:1198px;
            height:239px;
        }
        .div7-center .ul{
            display:inline-block;
            width:970px;
            height:239px;
            margin-top:20px;
            margin-left:18px;
        }
        .div7-center .ul li{
            float: left;
            width:392px;
            line-height:14px;
            overflow:hidden;
        }
        .div7-center .ul li b{
            font-weight:bold;
        }
        .div7-center .ul li ul {
            margin-top:20px;
        }
        .div7-center .ul li ul li {
            height:49px;
        }
        .div7-center .ul li ul li a {
            margin-bottom:10px;
        }
        .div7-center .ul li ul li p {
            color: #ddd;
        }

        .div7-center .ul li a{
            display:block;
            width:380px;
            color:#333;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space:nowrap;
        }
        .div7-center .ul li a:hover{
            color:#30A3FF;
            text-decoration: underline;
        }

        .div7-center-r{
            position: absolute;
            display:inline-block;
            right:18px;
            top:30px;
            width:210px;
            height:178px;
        }
        .div7-center-r .PutQues {
            cursor: pointer;
        }
        .div7-center-r .ul2{
            display: inline-block;
            width:206px;
            height:130px;
            border:2px #eff8ff solid;
        }
        .div7-center-r .ul2 li{
            display: inline-block;
            float: left;
            width:187px;
            height:12px;
            padding-left:19px;
        }
        .div7-center-r .ul2 li:nth-child(1){
            height:38px;
            background-color:#eff8ff;
            color:#30a3ff;
            font-size:14px;
            line-height:38px;
        }
        .div7-center-r .ul2 li:nth-child(2){
            font-size:12px;
            color:#999;
            line-height:12px;
            margin-top:16px;
            margin-bottom:10px;
        }
        .div7-center-r .ul2 li:nth-child(3){
            font-size:12px;
            color:#999;
            line-height:12px;
            margin-bottom:10px;
        }
        .div7-center-r .ul2 li:nth-child(4){
            font-size:12px;
            color:#999;
            line-height:12px;
        }
        .div7-center-r div{
            display:inline-block;
            float: left;
            width:120px;
            height:30px;
            text-align: center;
            line-height:30px;
            font-size:12px;
            color:#fff;
            background-color:#30a3ff;
            margin-left:43px;
            margin-top:14px;
        }
        .div7color1{
            color: #dc0000;
        }
        .div7color2{
            color:#009114;
        }
        .div7color3{
            color: #999;
        }
        .div7span{
            display:inline-block;
            float:right;
            margin-right:25px;
        }




        .home-div8{
            width:1198px;
            height:318px;
            border:1px #ddd solid;
            margin-bottom:20px;
            background-color:#fff;
            overflow: hidden;
        }
        .div8-top{
            width:1198;
            height:49px;
            border-bottom:1px #ddd solid;
            background-color: #fff;
            cursor:pointer;
        }
        .div8-top:hover{
            background-color:#f5f5f5;
        }
        .home-div8 .div8-top ul li{
            display:inline-block;
            float: left;
            line-height:49px;
        }
        .home-div8 .div8-top ul li:nth-child(1){
            margin-left:20px;
        }
        .home-div8 .div8-top ul li:nth-child(2){
            margin-left:2px;
        }
        .home-div8 .div8-top ul li:nth-child(3){
            margin-left:30px;
            width:16px;
            height:16px;
            background:url("them/img/chacha.png") 0px 0px no-repeat;
            background-size:16px 16px;
            margin-left:30px;
            margin-top:16px;

        }
        .home-div8 .div8-top ul li:nth-child(4){
            width:108px;
            height:49px;
            margin-left:348px;
            color:#999;
        }
        .home-div8 .div8-top ul li:nth-child(5){
            width:17px;
            height: 5px;
            background:url("them/img/sandianhei.png") 0px 0px no-repeat;
            background-size:17px 5px;
            margin-top:22px;
        }

        .div8-center{
            position: relative;
            width:1198px;
            height:269px;
        }
        .div8-center-l{
            position: relative;
            float:left;
            width:330px;
            height:210px;
            overflow: hidden;
            background-size:330px 210px;
            margin-top:30px;
            margin-left:19px;
        }
        .div8-center-l img{
            width: 330px;
            height: 210px;
            cursor: pointer;
        }
        .div8-center-l div{
            position: absolute;
            bottom: 0px;
            float: left;
            width: 330px;
            height: 35px;
            background-color: #000;
            opacity:0.6;
        }
        .div8-center-l h4{
            position: absolute;
            bottom: 0px;
            float: left;
            font-weight: normal;
            display: inline-block;
            width: 330px;
            height: 35px;
            line-height:35px;
            text-align: center;
            color:#fff;
            font-size: 14px;
        }
        .div8-center-c{
            float: left;
            width:373px;
            height:210px;
            margin-top:30px;
            margin-left:30px;
            overflow: hidden;
        }
		
        .div8-a{
            display: inline-block;
            color:#30a3ff;
            font-size:12px;
        }
        .div8-center-c ul {
            margin-top:10px;
        }
        .div8-center-c ul li{
            float: left;
            width:373px;
            overflow: hidden;
            margin-bottom:10px;
			font-size: 14px;
        }
        .div8-center-c ul li a{
            color:#333333;
        }
        .div8-center-c >div{
            height:114px;
            border-bottom:1px solid #ddd;
            overflow: hidden;
        }
        .div8-center-c >div a{
            font-size:14px;
            font-weight:normal;
            color:#31a3fc;
            display: inline-block;
            margin-bottom:5px;
        }
        .div8-center-c >div p {
            font-size:12px;
            color:#666;
            font-weight:normal;
            line-height:24px;
        }


        .div8-center-r{
            float: left;
            width:374px;
            height:210px;
            margin-top:30px;
            margin-left:30px;
            overflow: hidden;
        }
        .div8-center-r ul li{
            float: left;
            width:374px;
            height:14px;
            font-size:14px;
            line-height:14px;
        }
        .div8-center-r ul li a{
            display:inline-block;
            color:#333;
            width:354px;
            font-size:14px;
            line-height:14px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;

        }
        .div8-center-r ul li a:hover{
            color:#30a3ff;
            text-decoration: underline;
        }

        .div8-center-r ul li:nth-child(1){
            color:#000;
            font-size:14px;
        }
        .div8-center-r ul li:nth-child(2){
            padding-left:19px;
            margin-top:19px;
            background:url("them/img/zfxss.png") 0px 8px no-repeat;
            background-size:5px 5px;
        }
        .div8-center-r ul li:nth-child(3){
            padding-left:19px;
            margin-top:18px;
            background:url("them/img/zfxss.png") 0px 8px no-repeat;
            background-size:5px 5px;
        }
        .div8-center-r ul li:nth-child(4){
            padding-left:19px;
            margin-top:18px;
            background:url("them/img/zfxss.png") 0px 8px no-repeat;
            background-size:5px 5px;
        }
        .div8-center-r ul li:nth-child(5){
            padding-left:19px;
            margin-top:18px;
            background:url("them/img/zfxss.png") 0px 8px no-repeat;
            background-size:5px 5px;
        }
        .div8-center-r ul li:nth-child(6){
            padding-left:19px;
            margin-top:18px;
            background:url("them/img/zfxss.png") 0px 8px no-repeat;
            background-size:5px 5px;
        }
        .div8-center-r ul li:nth-child(7){
            padding-left:19px;
            margin-top:18px;
            background:url("them/img/zfxss.png") 0px 8px no-repeat;
            background-size:5px 5px;
        }
        .div4-center-l{
            float: left;
            width:98px;
            height:140px;
            border:1px #ddd solid;
            margin-top:30px;
            margin-left:19px;
        }
        .div4-center-l img{
            margin-left: 6px;
            margin-top: 10px;
        }
        .div4-center-l div{
            width:83px;
            height:100px;
            background-size:83px 100px ;
            border-top:1px #ddd solid;
            border-bottom:1px #ddd solid;
            margin:0 auto;
            margin-top:21px;
            overflow: hidden;
        }

        .div4-center-l-r{
            float: left;
            width:266px;
            height:142px;
            margin-left:20px;
            margin-top:30px;
            overflow:hidden;
        }
        .div4-center-l-r ul li{
            float: left;
            width:266px;
        }
        .div4-center-l-r ul li:nth-child(1) a{
            font-size:14px;
            color:#30a3ff;
        }
        .div4-center-l-r ul li:nth-child(2){
            font-size:12px;
            color:#bababa;
            margin-top:4px;
        }
        .div4-center-l-r ul li:nth-child(3){
            font-size:12px;
            color:#000;
            margin-top:40px;
            margin-bottom:8px;
        }
        .div4-center-l-r ul li:nth-child(3) span{
            color:#30a3ff;
            font-size:13px;
            margin-right:4px;
        }
        .div4-center-l-r ul li:nth-child(4) a{
            display:inline-block;
            width:100px;
            height:30px;
            background-color: #30a3ff;
            font-size:14px;
            text-align:center;
            line-height:30px;
            color:#fff;
        }
        .div4-center-r{
            float: right;
            width:647px;
            height: 142px;
            margin-right:50px;
            margin-top:30px;

        }
        .div4-center-r ul{
        	width: 279px;
        	float: left;
        }
        .div4-center-r ul li{
            width:241px;
            height:18px;
            padding-left:31px;
            overflow:hidden;
            margin-bottom: 20px;
        }
        .div4-center-r ul li a{
            display:inline-block;
            font-size:14px;
            line-height:18px;
            color:#000;
            text-overflow: ellipsis;
            overflow:hidden;
            white-space: nowrap;
        }
        .div4-center-r ul li a:hover{
            text-decoration: underline;
            color:#30a3ff;
        }
       

        .home-div9-last{
            position:relative;
            width:178px;
            height:9px;
            margin:0 auto;
            border-bottom:1px #30a3ff solid;
            border-left: 1px #30a3ff solid;
            border-right: 1px #30a3ff solid;
            margin-bottom:50px;
            margin-top:48px;
        }
        .home-div9-last a{
            display:inline-block;
            position:absolute;
            width:120px;
            font-size:14px;
            left:15px;
            top:-13px;
            padding-left:27px;
            background:url("them/img/div8-last-chilun.png") 0px 2px no-repeat;
            background-size:16px 16px;
        }

        body{
            position: relative;
        }
        .home-op{
        	/*display: none;*/
            position:absolute;
            z-index:9999;
            width:100%;
            height:100%;
            background-color:#000;
            opacity:0.5;
        }
        .home-op-div1{
            position: fixed;
            z-index:99999;
            width:552px;
            border:1px #ddd solid;
            margin: auto;
            left:0px;
            right:0px;
            bottom: 0;
            top: 0;
          	height: 200px;
            background-color:#fff;
        }
        .home-op-div2{
            display:none;
            position: absolute;
            z-index:99999;
            width:552px;
            border:1px #ddd solid;
            margin: auto;
            left:0px;
            right:0px;
            top:100px;
            background-color:#fff;
        }

        .floeDIv {
		    position: absolute;
		    z-index: 111111;
	
        }
      .floeDIv2{
        	position: absolute;
        	width: 412px;
		    background: #eff7ff;
		    z-index: 111111;
		    left: -2px;
		  	display: none;
        }
       .floeDIv2 .floeDIv2Con{
        	margin-left: 30px;
        	margin-top:20px;
        }
       .floeDIv2 span{
        	display: block;
        	float: left;
		    color: #666667;
			font-size: 14px;
		    margin-right: 34px;
		    margin-bottom: 10px;
		  	cursor: pointer;
        }
        .floeDIv2 span.fontColor{
        	color:#30a3ff;
        }
   
        .home-op-div3{
            display:none;
            position: fixed;
            z-index:99999;
            width:552px;
            height:338px;
            border:1px #ddd solid;
            margin: auto;
            left:0px;
            right:0px;
            top:0px;
            bottom:0px;
            background-color:#fff;
        }
        .colseSwitch{
            margin-top: 38px;
            clear: both;
            width: 82px;
            color: #fff;
            font-size: 14px;
            border-radius: 2px;
            background-color: #30a3ff;
            line-height: 28px;
            text-align: center;
            margin-left: 235px;
            cursor: pointer;
        }
        .showMychannel .colseSwitch ,.colseSwitch,.home-op-div3 .colseSwitch{
            margin-top: 38px;
            clear: both;
            width: 82px;
            color: #fff;
            font-size: 14px;
            border-radius: 2px;
            background-color: #30a3ff;
            line-height: 28px;
            text-align: center;
            margin-left: 235px;
            cursor: pointer;
        }

        .home-op-div4{
            display:none;
            position: fixed;
            z-index:99999;
            width:552px;
            height:502px;
            border:1px #ddd solid;
            margin: auto;
            left:0px;
            right:0px;
            top:0px;
            bottom:0px;
            background-color:#fff;
        }
        .home-op-div5{
            display:none;
            position: fixed;
            z-index:99999;
            width:552px;
            height:502px;
            border:1px #ddd solid;
            margin: auto;
            left:0px;
            right:0px;
            top:0px;
            bottom:0px;
            background-color:#fff;
        }
        .home-op-div6{
            display:none;
            position: fixed;
            z-index:99999;
            width:552px;
            height:502px;
            border:1px #ddd solid;
            margin: auto;
            left:0px;
            right:0px;
            top:0px;
            bottom:0px;
            background-color:#fff;
        }
        .home-op-div7{
            display:none;
            position: fixed;
            z-index:99999;
            width:552px;
            height:502px;
            border:1px #ddd solid;
            margin: auto;
            left:0px;
            right:0px;
            top:0px;
            bottom:0px;
            background-color:#fff;
        }

        .op-div1-mark{
            display: none;
            position:relative;
            left:70px;
            top:118px;
            width:10px;
            height:10px;
            background-color:#eff7ff;
            transform:rotate(45deg);

        }
        .home-op-div1 h2{
            margin-left:36px;
            font-size:14px;
            color:#000;
            margin-top:20px;
            margin-bottom:30px;

        }
        .home-op-div1 h2 span{
            font-size:12px;
            color:#7f7f7f;
        }
        .home-tab-btn1{
            position: relative;
            float: left;
            margin-left:36px;
            display:inline-block;
            width:74px;
            height:34px;
            background-color:#ed9744;
            color:#fff;
            font-size:16px;
            line-height:34px;
            text-align: center;
            cursor: pointer;
        }
        .home-tab-btn1 div{
            display:none;
            position:absolute;
            left:0px;
            top:0px;
            width:70px;
            height:30px;
            background:url("them/img/gou.png") 49px 14px no-repeat;
            background-size:21px 16px;
            border:2px #a3ca4d solid;
        }
        .home-tab-btn1 span ,.home-tab-btn2 span,.home-tab-btn3 span{
            display: block;
            width:100%;
            height:100%;
        }
        .home-tab-btn2 div{
            display:none;
            position:absolute;
            left:0px;
            top:0px;
            width:70px;
            height:30px;
            background:url("them/img/gou2.png") 53px 17px no-repeat;
            background-size:17px 13px;
            border:2px #a3ca4d solid;
        }
        .home-tab-btn3 div{
            position:absolute;
            display:none;
            left:0px;
            top:0px;
            width:82px;
            height:30px;
            background:url("them/img/gou3.png") 64px 16px no-repeat;
            background-size:18px 14px;
            border:2px #a3ca4d solid;
        }
        .home-tab-btn1 div.show,.home-tab-btn2 div.show,.home-tab-btn3 div.show{
            display: block;
        }
        .home-tab-btn2{
            position:relative;
            float: left;
            margin-left:6px;
            display:inline-block;
            width:74px;
            height:34px;
            background-color:#857cf3;
            color:#fff;
            font-size:16px;
            line-height:34px;
            text-align: center;
            cursor: pointer;
        }
        .home-tab-btn3{
            position:relative;
            float: left;
            margin-left:6px;
            display:inline-block;
            width:86px;
            height:34px;
            background-color:#f08b8b;
            color:#fff;
            font-size:16px;
            line-height:34px;
            text-align: center;
            cursor: pointer;
        }
        .op-div1-center{
            float:left;
            width:552px;
            height:207px;
            background-color: #eff7ff;
            margin-top:10px;
            overflow: hidden;
        }
        .op-div2-center{
            float:left;
            width:552px;
            height:207px;
            background-color: #eff7ff;
            margin-top:10px;
            overflow: hidden;
        }
        .op-div3-center{
            float:left;
            width:552px;
            height:396px;
            background-color: #eff7ff;
            margin-top:10px;
            overflow: hidden;
        }
        .op-div3-center h3{
            margin-top:30px;
            margin-left:36px;
            color:#333;
            font-size:14px;
            margin-bottom:24px;
        }
        .op-div3-center h4{
            float: left;
            display:inline-block;
            margin-left:36px;
            margin-bottom:10px;
            font-size:14px;
            color:#333;

        }
        .op-div3-center .op-div3-ul1{
            margin-left:36px;
            margin-bottom:12px;

        }
        .op-div3-center .op-div3-ul1 li{
            display: inline-block;
            float: left;
            margin-right:36px;
        }
        .op-div3-center .op-div3-ul1 li a{
            font-size:14px;
            color:#666;
        }

        .op-div3-ul2-box{
            float: left;
            width:482px;
            height:78px;
            background-color:#fff;
            margin-left:36px;
            margin-top:12px;
            margin-bottom:10px;
        }
        .op-div3-ul2-box .op-div3-ul2{
            display: inline-block;
            margin: 18px 20px 18px 18px;
            overflow:hidden;
        }
        .op-div3-ul2-box .op-div3-ul2 li{
            float: left;
            height:16px;
            display: inline-block;
            margin-right:23px;
            margin-bottom:10px;
            overflow: hidden;
        }
        .op-div3-ul2-box .op-div3-ul2 li a{
            font-size:13px;
            color:#666;
        }





        .op-div1-next{
            float: left;
            width:96px;
            height:28px;
            line-height:28px;
            border-radius:2px;
            text-align: center;
            font-size: ;
            color:#fff;
            background-color:#30a3ff;
            margin-left:230px;
            margin-top:30px;
            margin-bottom:30px;
            cursor: pointer;
        }
        .op-div1-center h3{
            margin-top:15px;
            margin-left:36px;
            color:#333;
            font-size:14px;
            margin-bottom:15px;
        }
        .op-div1-center ul{
            margin-left:36px;
            height:120px;
        }
        .op-div1-center ul li{
            display: inline-block;
            float: left;
            margin-right:34px;
            margin-bottom:20px;
        }
        .op-div1-center ul li a{
            color:#666667;
            font-size:14px;
        }
        .op-div3-ul2-box .op-div3-ul2 li.active a,.op-div2-center ul li.active a,.op-div1-center ul li.active a,.op-div3-ul3-box ul li.active a{
            color:#30a3ff;
        }
        .op-div3-center .op-div3-ul1 li.active a{
            color:#30a3ff;
        }
        .op-div3-ul3-box{
            float: left;
            width:482px;
            margin-left:36px;
            overflow: hidden;
        }

        .op-div3-ul3-box ul li{
            display: inline-block;
            margin-right:33px;
            margin-bottom:10px;
        }
        .op-div3-ul3-box ul li a{
            font-size:14px;
            color:#666;
        }


        .op-div2-center h3{
            margin-left:36px;
            margin-top:15px;
            margin-bottom:24px;
        }
        .op-div2-center ul{
            margin-left:36px;
        }
        .op-div2-center ul li{
            display: inline-block;
            float: left;
            margin-right:34px;
            margin-bottom:20px;
            font-size:14px;
        }


        .home-op-div2 h3{
            margin-top:20px;
            margin-left:36px;
            margin-bottom:30px;
            font-size:14px;
            color:#000;

        }
        .home-op-div2 h3 span{
            font-size:12px;
            color:#7f7f7f;
        }
        .home-op-div2 div{
            margin-left:36px;
        }
        .channelBot ul li,.DataTop ul li,.home-op-div3 ul li,.home-op-div2 div ul li{
            position: relative;
            float: left;
            display:inline-block;
            height:34px;
            font-size:16px;
            line-height:34px;
            text-align: center;
            color:#fff;
            margin-right:6px;
            margin-bottom:10px;
            background-size: 21px 16px;
            cursor: pointer;
        }
        .home-op-div2 div ul li ul {
        	position: absolute;
        }
       
        .channelBot ul li p,.DataTop ul li p,.home-op-div3 ul li p,.home-op-div2 div ul li p {
            position: absolute;
            left: 0;
            top: -2px;
            width:98%;
            background: #000;
            height: 34px;
            z-index: 10;
            border: 2px #a3ca4d solid;
            background: url(them/img/gou3.png) 102% 21px no-repeat;
        }
        .channelBot ul li p.icongray,.DataTop ul li p.icongray ,.home-op-div3 ul li p.icongray,.home-op-div2 div ul li p.icongray{
            opacity:0;
            filter:alpha(opacity=0);
        }
        .icongray{
            opacity:0;
            filter:alpha(opacity=0);
        }
        .iconActive{
            opacity:1;
            filter:alpha(opacity=100);
        }
        .channelBot ul li p.iconActive,.DataTop ul li p.iconActive,.home-op-div3 ul li p.iconActive,.home-op-div2 div ul li p.iconActive{
            opacity:1;
            filter:alpha(opacity=100);
        }
        .channelBot ul li p.icongray{
            opacity:0;
            filter:alpha(opacity=0);
        }
        .channelBot ul li span,.DataTop ul li span,.home-op-div3 ul li span,.home-op-div2 div ul li span{
            display: block;
            padding-left: 20px;
            padding-right: 20px;
        }
        .home-op-div2 div ul li:nth-child(16),.channelBot ul li:nth-child(1),.DataTop ul li:nth-child(16),.DataTop ul li:nth-child(1),.home-op-div3 ul li:nth-child(1),.home-op-div2 div ul li:nth-child(1){
            background:#ad68d7;
        }

        .home-op-div2 div ul li:nth-child(17),.channelBot ul li:nth-child(2),.DataTop ul li:nth-child(17),.DataTop ul li:nth-child(2),.home-op-div3 ul li:nth-child(2),.home-op-div2 div ul li:nth-child(2){
            background:#f37c9f;
        }
        .home-op-div2 div ul li:nth-child(18),.channelBot ul li:nth-child(3),.DataTop ul li:nth-child(18),.DataTop ul li:nth-child(3),.home-op-div3 ul li:nth-child(3),.home-op-div2 div ul li:nth-child(3){
            background:#70cdc9;
        }
        .home-op-div2 div ul li:nth-child(19),.channelBot ul li:nth-child(4),.DataTop ul li:nth-child(19),.DataTop ul li:nth-child(4),.home-op-div3 ul li:nth-child(4),.home-op-div2 div ul li:nth-child(4){
            background:#5ccbed;
        }
        .home-op-div2 div ul li:nth-child(20),.channelBot ul li:nth-child(5),.DataTop ul li:nth-child(20),.DataTop ul li:nth-child(5),.home-op-div3 ul li:nth-child(5),.home-op-div2 div ul li:nth-child(5){
            background:#5ccbed;
        }
        .home-op-div2 div ul li:nth-child(21),.channelBot ul li:nth-child(6),.DataTop ul li:nth-child(6),.DataTop ul li:nth-child(21),.home-op-div3 ul li:nth-child(6),.home-op-div2 div ul li:nth-child(6){
            background:#efaf36;
        }
        .home-op-div2 div ul li:nth-child(22),.channelBot ul li:nth-child(7),.DataTop ul li:nth-child(7),.DataTop ul li:nth-child(22),.home-op-div3 ul li:nth-child(7),.home-op-div2 div ul li:nth-child(7){
            background:#c6def1;
        }
        .home-op-div2 div ul li:nth-child(23),.channelBot ul li:nth-child(8),.DataTop ul li:nth-child(8),.DataTop ul li:nth-child(23),.home-op-div3 ul li:nth-child(8),.home-op-div2 div ul li:nth-child(8){
            background:#70a7e7;
        }
        .home-op-div2 div ul li:nth-child(24),.channelBot ul li:nth-child(9),.DataTop ul li:nth-child(9),.DataTop ul li:nth-child(24),.home-op-div3 ul li:nth-child(9),.home-op-div2 div ul li:nth-child(9){
            background:#e6bd6c;
        }
        .home-op-div2 div ul li:nth-child(25),.channelBot ul li:nth-child(10),.DataTop ul li:nth-child(10),.DataTop ul li:nth-child(25),.home-op-div3 ul li:nth-child(10),.home-op-div2 div ul li:nth-child(10){
            background:#ed9744;
        }
        .home-op-div2 div ul li:nth-child(26),.channelBot ul li:nth-child(11),.DataTop ul li:nth-child(11),.DataTop ul li:nth-child(26),.home-op-div3 ul li:nth-child(11),.home-op-div2 div ul li:nth-child(11){
            background:#857cf3;
        }
        .home-op-div2 div ul li:nth-child(27),.home-op-div3 ul li:nth-child(12),.DataTop ul li:nth-child(12),.DataTop ul li:nth-child(27),.home-op-div2 div ul li:nth-child(12){
            background:#f08b8b;
        }
        .home-op-div2 div ul li:nth-child(28),.home-op-div3 ul li:nth-child(13),.DataTop ul li:nth-child(13),.DataTop ul li:nth-child(28),.home-op-div2 div ul li:nth-child(13){
            background:#f37c9f;
        }
        .home-op-div2 div ul li:nth-child(29),.home-op-div3 ul li:nth-child(14),.DataTop ul li:nth-child(14),.DataTop ul li:nth-child(29),.home-op-div2 div ul li:nth-child(14){
            background:#70af70;
        }
        .home-op-div2 div ul li:nth-child(30),.home-op-div3 ul li:nth-child(15),.DataTop ul li:nth-child(15),.DataTop ul li:nth-child(30),.home-op-div2 div ul li:nth-child(15){
            background:#7cc3f4;
        }
        .home-op-div2 a{
        	margin:15px 0;
            float: left;
            width:82px;
            height:28px;
            color:#fff;
            font-size: 14px;
            border-radius:2px;
            background-color:#30a3ff;
            line-height:28px;
            text-align: center;
           
        }
        .home-op-div2 a.upp {
        	background: none;
        	border: 1px solid #ddd;
        	color: #000;
    	    margin-left: 142px;
			margin-right: 20px;
        }
        .DataTop ul,.myIcon ul,.home-op-div3 ul{
            margin-left:20px;
            overflow: hidden;
        }
        .DataTop{
			overflow: hidden;
        }
        .hy-h3{
            display:inline-block;
            margin-left:35px;
            margin-top:20px;
            margin-bottom:30px;
            color:#000;
            font-size:14px;

        }
        .hy-h3 span{
            color:#666;
            font-size:12px;

        }
        .hy-xxx{
            float:right;
            width:10px;
            height:10px;
            background:url("them/img/xxx.png") 0px 0px no-repeat;
            background-size: 10px 10px;
            margin-top:21px;
            margin-right:36px;
            cursor: pointer;
        }
        .tishimax{
            height:49px;
            color:#999;
            padding-left:348px;
            padding-right:508px;
            line-height:49px;
        }
        .myIcon{
            display: none;
            position: fixed;
            z-index: 99999;
            height: 468px;
            width: 552px;
            overflow: hidden;
            border: 1px #ddd solid;
            margin: auto;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            background-color: #fff;
        }
        .myIcon .towClum {
            height:34px;
            overflow: hidden;
            width:100%;
            margin-bottom:10px;
        }
        .ThreeColum {
            width:428px;
            height:124px;
            background-color: #eff7ff;
        }
        .MyColum{
            margin-top:30px;
            height:111px;
            width:428px;
            background: #000;
        }
        .showMychannel{
           	display: none;
		    position: absolute;
		    z-index: 99999;
		    width: 552px;
		    height: 200px;
		    border: 1px #ddd solid;
		    margin: auto;
		    left: 0px;
		    right: 0px;
		    top: 600px;
		    background-color: #fff;
		    overflow: hidden;
        }
        .DataBottom{
            padding-bottom:15px;
            margin:10px 20px;
            background: #eff7ff;
        }
        .DataBottom a {
            margin-top:14px;
            margin-left:12px;
            margin-right:12px;
            display: inline-block;
            font-size:14px;
        }
        .DataBottom a:hover{
            color:#30a3ff;
        }
        .fontColor{
            color:#30a3ff;
        }
        .channelBot{
            margin-left:20px;
            margin-top:20px;
        }
        .channelBot h1 {
            display: inline-block;
            height:34px;
            line-height:34px;
            color: #000;
            font-size: 14px;
        }
        .colsechanner{
            margin-bottom:20px;
        }
    </style>

